<template>
  <div class="detail-wrapper">
    <el-table :data="prodBomList" border style="width: 100%; margin-top: 20px">
      <el-table-column
        type="index"
        label="序号"
        header-align="center"
        align="center"
        width="80"
      ></el-table-column>
      <el-table-column
        prop="material_serial"
        label="物料编码"
        header-align="center"
        align="center"
        width="200"
      >
      </el-table-column>
      <el-table-column
        prop="material_name"
        label="物料名称"
        header-align="center"
        align="center"
      >
      </el-table-column>
      <el-table-column
        prop="material_specifications_model"
        label="规格型号"
        header-align="center"
        align="center"
      >
      </el-table-column>
      <el-table-column
        prop="num"
        label="计划消耗数量"
        header-align="center"
        align="center"
      >
      </el-table-column>
      <el-table-column
        prop="supplier_name"
        label="执行单位"
        header-align="center"
        align="center"
      >
      </el-table-column>
      <el-table-column
        prop="supplier_username"
        label="联系人"
        header-align="center"
        align="center"
      >
      </el-table-column>
      <el-table-column
        prop="supplier_phone"
        label="联系电话"
        header-align="center"
        align="center"
      >
      </el-table-column>
      <!-- <el-table-column
        prop="planned_production"
        label="库存"
        header-align="center"
        align="center"
      >
      </el-table-column>
      <el-table-column
        prop="bom_name"
        label="计划消耗数量"
        header-align="center"
        align="center"
      >
      </el-table-column>
      <el-table-column
        prop="principal"
        label="执行单位"
        header-align="center"
        align="center"
      >
      </el-table-column> -->
    </el-table>
  </div>
</template>

<script>
export default {
  props: {
    prodBomList: {
      type: Array,
    },
  },
  data() {
    return {}
  },
  created() {
    console.log(this.prodBomList)
  },
}
</script>
<style lang="scss" scoped>
.detail-wrapper {
  padding-bottom: 24px;
}
</style>
